{extend name="common/base" /}
<!--title-->
{block name="titlekeyword"}
<title>{$content}</title>

{/block}
<!--代码主要内容-->
{block name="main"}
<h6>内容</h6>
<input type="button" value=" 选取所有的文本隐藏域, 并打印它们的值" id="b3" />


<input type="hidden" value="hidden1" />
<input type="hidden" value="hidden2" />
<input type="text" value="hidden5" />
<input type="hidden" value="hidden3" />
<input type="hidden" value="hidden4" />
<h6>代码</h6>
<pre>
	页面

	&lt;input type="button" value=" 选取所有的文本隐藏域, 并打印它们的值" id="b3" /&gt;
	
	
	&lt;input type="hidden" value="hidden1" /&gt;
	&lt;input type="hidden" value="hidden2" /&gt;
	&lt;input type="text" value="hidden5" /&gt;
	&lt;input type="hidden" value="hidden3" /&gt;
	&lt;input type="hidden" value="hidden4" /&gt;
	
	js
	
	&lt;script language="javascript"&gt;
		window.onload = function () {  //先加载页面内容 再加载js
			//**选取所有的文本隐藏域, 并打印它们的值
	
			$('#b3').click(
				function () {
					$objs = $('input:hidden');
					//alert($objs.length);
					//$objs  是集合($objs[0],$objs[1],$objs[2],$objs[3])
					//如果是传统的方法
					//$objs(jquery)-&gt;dom对象
					//var dom_objs=$objs[2];
					//window.alert(dom_objs.value);
	
					for (var i = 0; i &lt; $objs.length; i++) {
	
						var dom_objs = $objs[i];
						window.alert('方法5 dom:  ' + dom_objs.value);
					
	
					}
	
					//jquery方法
					$.each($objs, function (i, obj) {
						//相当于,每循环一次 1.i自增一次2. obj=$objs[i]  
						window.alert("方法1 jquery: " + $(obj).val());
						window.alert("方法2  dom: " + obj.value);
					});
	
					$.each($objs, function () {
						//相当于这样理解,每循环一次  this=$objs[i]
						window.alert("方法3 dom: " + this.value);
						window.alert("方法4 jquery: " + $(this).val());
					});
	
				}
			);
	
	
		}
	&lt;/script&gt;

	 </pre> {/block}
<!--底部js 在这里是js的实际代码区-->
{block name="footjs"}
<script language="javascript">
	window.onload = function () {  //先加载页面内容 再加载js
		//**选取所有的文本隐藏域, 并打印它们的值

		$('#b3').click(
			function () {
				$objs = $('input:hidden');
				//alert($objs.length);
				//$objs  是集合($objs[0],$objs[1],$objs[2],$objs[3])
				//如果是传统的方法
				//$objs(jquery)->dom对象
				//var dom_objs=$objs[2];
				//window.alert(dom_objs.value);

				for (var i = 0; i < $objs.length; i++) {

					var dom_objs = $objs[i];
					window.alert('dom:  ' + dom_objs.value);
					//jquery方法直接取值??

				}

				//jquery方法
				$.each($objs, function (i, obj) {
					//相当于,每循环一次 1.i自增一次2. obj=$objs[i]  
					window.alert("方法1 jquery: " + $(obj).val());
					window.alert("方法2  dom: " + obj.value);
				});

				$.each($objs, function () {
					//相当于这样理解,每循环一次  this=$objs[i]
					window.alert("方法3 dom: " + this.value);
					window.alert("方法4 jquery: " + $(this).val());
				});

			}
		);


	}
</script> {/block}